<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ page isELIgnored ="false" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="keywords" content="穿山甲机器人股份有限公司,机器人后台管理系统,机器人后台数据统计" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>机器人-后台</title>
<link href="css/main.css" rel="stylesheet" />
<link href="css/state.css" rel="stylesheet" />
<!-- 新 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet"
	href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap.min.css">

<!-- 可选的Bootstrap主题文件（一般不用引入） -->
<link rel="stylesheet"
	href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap-theme.min.css">
<link href="css/lyz.calendar.css" rel="stylesheet" type="text/css" />
<script src="js/jquery-2.1.1.min.js"></script>

<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="http://cdn.bootcss.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<!-- <script src="js/state.js"></script> -->
</head>
<body>
	<div id="header">
		<div id="info">
			<h3>
				<a href="#"><img src="img/csjlog.png"
					style="height: 40%; width: auto"></a>&nbsp;&nbsp;<span>穿山甲机器人后台数据管理平台1</span>
			</h3>
		</div>
	</div>
	<div id="content">
		<div id="con_left">
			<!--左侧菜单栏-->
			<ul id="left_nav">
				<li id="user_info">
					<div id="info_plane">
						<a href="#"><img src="img/t11.jpg"></a>
						<div id="users">
							<span id="user_name"> <a href="#">微微一笑很倾城</a>
							</span> <span id="user_type"> <a href="#">超级管理员</a><b
								class="caret"></b>
							</span>
						</div>
					</div>
				</li>
				<li id="index_bt" class="nav_li"><i
					class="glyphicon glyphicon-home"></i><a href="index.do">出库统计</a></li>
				<li id="market_bt" class="nav_li index_li"><i
					class="glyphicon glyphicon-picture"></i><a href="userInfo.do">注册统计</a>
				</li>
				<li id="bg_data" class="nav_li"><i
					class="glyphicon glyphicon-th-list"></i><a
					href="#">菜单待定</a></li>
				<li class="nav_li" id="robot_bt"><i
					class="glyphicon glyphicon-list-alt"></i><a href="#">菜单待定</a>
				</li>
				
			</ul>
		</div>
		<div id="con_center">
			<!--机器人状态表格-->
			<div id="table_robot">
				<div id="robot_top">
					<h3>用户</h3>
					<p>
						<span>用户注册信息</span>&nbsp;/&nbsp;<strong>统计表格</strong>
					</p>
				</div>
				<div id="robot_center">
					<div class="tab">
						<h4>表格</h4>
						<div id="rt_menu">
							<div id="rt_pre">
								<span>排序</span> <select id="rt_sortType">
									<option>用户手机号</option>
									<option>昵称</option>
									<option>注册时间</option>
								</select>
							</div>
							<div class="refresh">
								<button>刷新</button>
							</div>
							<div id="rt_search">
								<button>查询</button>
								<input type="text" placeholder="输入查询条件" />
							</div>

						</div>
						<div class="table-responsive">
							<table class="table table-bordered">
								<thead>
									<tr>
										<td>用户手机号</td>
										<td>密码</td>
										<td>昵称</td>
										<td>角色</td>
										<td>注册时间</td>
										<td>操作</td>
									</tr>
								</thead>
								<tbody>
								   <c:forEach var="u_t" items="${userList}">
								        <tr>
										<td>${u_t.account }</td>
										<td>${u_t.password }</td>
										<td>${u_t.name }</td>
										<td>${u_t.role }</td>
										<td>${u_t.creat_time }</td>
										<td><a href="./deleteUser.do?account=${u_t.account}">删除</a></td>
									</tr>
								   </c:forEach>
								</tbody>
							</table>
						</div>
					</div>
				</div>
			</div>
		</div>

	</div>
	<!--遮罩层-->
	<div id="fade">
		<div class="loader">
			<div class="loader-inner line-scale-pulse-out">
				<div></div>
				<div></div>
				<div></div>
				<div></div>
				<div></div>
			</div>
		</div>
	</div>
	<script>
		$(function() {
			setTimeout(function() {
				$("#fade").fadeOut(500);
			}, 500);
		})
	</script>
</body>
</html>